<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #div1{
            width: 100px;
            height: 100px;
            background-color: #2fff3d;
        }
        #div2{
            width: 100px;
            height: 100px;
            background: #cccccc;
        }
    </style>
</head>
<body>


        <!--3, id选择器: 通过标签的id名, 把css样式和对应的html代码关联起来-->
        <!--  在一个html页面上,  每个标签的id要求唯一, id不可重复   -->


        <div id="div1">
            div1
        </div>
        <!--<div id="div1">-->
            <!--div1-->
        <!--</div>-->


        <div id="div2">
            div2
        </div>




</body>
</html>
